<template>
		
	<span class="left-align"><h4>确认AQI数据详情</h4></span>
<el-form :model="form" label-width="auto" style="max-width: 100vw">
	<el-form-item>
	  <el-row :gutter="100"  style="width: 100%;">
			<el-col :span="16">
			  <el-table :data="tableData"  :show-header="false" border style="flex; width: 100%">
				<el-table-column prop="attribute" label="属性" ></el-table-column>
				<el-table-column label="属性">
					<template #default="scope">
					  <el-tag class="eltag"
						v-for="(tag, index) in scope.row.tags"
						:key="index"
						:type="tag.type"
					  >
						{{ tag.text }}
					  </el-tag>
					</template>
				</el-table-column>
			  </el-table>
			</el-col>
			
			<el-button @click="handleReturn">返回</el-button>
			<el-button @click="test">测试</el-button>
		</el-row>	
	</el-form-item>

</el-form>
</template>

<script setup>
import { computed, ref, reactive,onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router';
import axios from '@/axios';
const router=useRouter()
const route=useRoute()
const routequery=route.query
const tokenValue=localStorage.getItem('token')


const tableData = ref([
  { tags: [{ type: 'primary', text: routequery.id }],
	attribute: '确认AQI数据编号'},
  { tags: [{ type: 'primary', text: routequery.province },
		   { type: 'primary', text:	routequery.city },
		   { type: 'primary', text: routequery.address }],
	attribute: '确认信息所在地址'},
  { tags: [{ type: 'primary', text:	routequery.aqi  },
		   { type: 'primary', text: routequery.aqiChinese }],
	attribute: '确认AQI等级'},
  { tags: [{ type: 'primary', text:	routequery.date  },
		   { type: 'primary', text: routequery.time }],
	attribute: '确认日期时间'},
  { tags: [{ type: 'primary', text:	routequery.gsName  },
		   { type: 'primary', text: routequery.gsPhone }],
	attribute: '网格员信息'},
  { tags: [{ type: 'primary', text:	routequery.svName  },
		   { type: 'primary', text: routequery.svPhone }],
	attribute: '公众监督员信息'},
  { tags: [{ type: 'primary', text:	routequery.content }],
	attribute: '公众监督员反馈信息描述'},		   
]);


const test=()=>{
	console.log(routequery)
}
const handleReturn=()=>{
	router.push('/admin/svDataManage/verifyAqiDataList')
	// alert("返回成功")
}
</script>

<style scoped>
/* .left-align {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
	 */
	
	.eltag{
		margin-left: 10px;
	}
</style>